<aside class="main-sidebar">
    <section class="sidebar">
        <!--sidebar-menu-->
        <ul class="sidebar-menu">
            <li class="header">导航</li>
            <li class="active"><a href="main.html"><i class="fa fa-dashboard"></i> <span>总览</span></a></li>
            <li class="treeview">
                <a href="#"><i class="fa fa-laptop"></i> <span>UI组件</span>
						<span class="pull-right-container">
							<i class="fa fa-angle-left pull-right"></i>
						</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="general.html"><i class="fa fa-circle-o"></i> 基础组件</a></li>
                    <li><a href="button.html"><i class="fa fa-circle-o"></i> 按钮</a></li>
                    <li><a href="modal.html"><i class="fa fa-circle-o"></i> 弹层</a></li>
                    <li><a href="tips.html"><i class="fa fa-circle-o"></i> 消息</a></li>
                    <li><a href="collapse.html"><i class="fa fa-circle-o"></i> 折叠</a></li>
                    <li><a href="dragdrop.html"><i class="fa fa-circle-o"></i> 拖拽</a></li>
                    <li><a href="scrollbar.html"><i class="fa fa-circle-o"></i> 滚动条</a></li>
                    <li><a href="timeline.html"><i class="fa fa-circle-o"></i> 时间轴</a></li>
                    <li><a href="list-group.html"><i class="fa fa-circle-o"></i> 列表</a></li>
                    <li><a href="nestable.html"><i class="fa fa-circle-o"></i> 拖拽排序</a></li>
                    <li><a href="tabs.html"><i class="fa fa-circle-o"></i> 标签页</a></li>
                    <li><a href="tree.html"><i class="fa fa-circle-o"></i> 树形菜单</a></li>
                    <li><a href="typography.html"><i class="fa fa-circle-o"></i> 排版</a></li>
                    <li><a href="grid.html"><i class="fa fa-circle-o"></i> 栅格</a></li>
                    <li><a href="icon.html"><i class="fa fa-circle-o"></i> 图标</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#"><i class="fa fa-cube"></i> <span>组件</span>
						<span class="pull-right-container">
							<i class="fa fa-angle-left pull-right"></i>
						</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="widget.html"><i class="fa fa-circle-o"></i> 组件</a></li>
                    <li><a href="box-panel.html"><i class="fa fa-circle-o"></i> 容器面板</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#"><i class="fa fa-image"></i> <span>图片</span>
						<span class="pull-right-container">
							<i class="fa fa-angle-left pull-right"></i>
						</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="carousel.html"><i class="fa fa-circle-o"></i> 轮播图</a></li>
                    <li><a href="card.html"><i class="fa fa-circle-o"></i> 卡片组</a></li>
                    <li><a href="lightbox.html"><i class="fa fa-circle-o"></i> lightbox</a></li>
                    <li><a href="wookmark.html"><i class="fa fa-circle-o"></i> 瀑布流</a></li>
                </ul>
            </li>
            <!-- <li><a href="echart.html"><i class="fa fa-area-chart"></i> <span>图表</span></a></li> -->
            <li class="treeview">
                <a href="#"><i class="fa fa-edit"></i> <span>表单</span>
						<span class="pull-right-container">
							<i class="fa fa-angle-left pull-right"></i>
						</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="form.html"><i class="fa fa-circle-o"></i> 通用表单组件</a></li>
                    <li><a href="validform.html"><i class="fa fa-circle-o"></i> 表单验证</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#"><i class="fa fa-table"></i> <span>表格</span>
						<span class="pull-right-container">
							<i class="fa fa-angle-left pull-right"></i>
						</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="table.html"><i class="fa fa-circle-o"></i> 基础表格</a></li>
                    <li><a href="data-table.html"><i class="fa fa-circle-o"></i> DataTable</a></li>
                    <li><a href="bootstrap-table.html"><i class="fa fa-circle-o"></i> Bootstrap Table</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#"><i class="fa fa-file-o"></i> <span>页面</span>
						<span class="pull-right-container">
							<i class="fa fa-angle-left pull-right"></i>
						</span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="blank.html"><i class="fa fa-circle-o"></i> 空白页面</a></li>
                    <li><a href="500.html"><i class="fa fa-circle-o"></i> 500</a></li>
                    <li><a href="404.html"><i class="fa fa-circle-o"></i> 404</a></li>
                </ul>
            </li>
            <li><a href="helper-classes.html"><i class="fa fa-wrench"></i> <span>辅助类</span></a></li>
        </ul>
        <!--/sidebar-menu-->
    </section>
</aside>